<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        table {
            border-collapse: collapse;
            width: 600px;
            height: 600px;
            margin: auto;
        }
        table,
        tr,td{
           
            border: 5px solid white; 
            text-align: center;

        }
        td:nth-child(1){
            background-color: white;
            color: white;
        }
        td:nth-child(2){
            background-color: white ;
            color: white;
            
        }
        td:nth-child(3){
            background-color: white;
            color: white;

        }
        
    </style>
</head>

<body>
    <table>
        <tr>
            <td>1
                <img src="./1.jpg" width="250" height="250">
            </td>
            <td>2
                <img src="./2.jpg"  width="250" height="250">
            </td>
            <td>3
                <img src="./3.jpg" width="250" height="250">
            </td>
        </tr>
        <tr>
            <td>4
                <img src="./4.jpg" width="250" height="250">
            </td>
            <td>5
                <img src="./5.jpg" width="250" height="250">
            </td>
            <td>6
                <img src="./6.jpg" width="250" height="250">
            </td>
        </tr>
        <tr>
            <td>7
                <img src="./7.jpg" width="250" height="250">
            </td>
            <td>8
                <img src="./8.jpg" width="250" height="250">
            </td>
            <td>9
                <img src="./9.jpg" width="250" height="250">
            </td>
        </tr>
    </table>
</body>

</html>